<template>
    <div>
        <div class="pad">
            <div class="comName">北京微微海新科技发展有限责任公司</div>
            <div class="detailfont">
                    业务类型：变更登记<br/>
                    核准机关：北京市工商行政管理局丰台分局<br/>
                    业务状态：<span class="red">未提交</span><br/>
                    审批意见：审批意见测试哇哈哈
            </div>
         </div>

         <div class="pad">
            <div class="comName">北京微微海新科技发展有限责任公司</div>
            <div class="detailfont">
                    业务类型：变更登记<br/>
                    核准机关：北京市工商行政管理局丰台分局<br/>
                    业务状态：<span class="red">已提交 待确认</span><br/>
            </div>
         </div>
         <div class="huibg">法定代表人</div>
         <div class="people">
             <span class="isSure">张三<span>已确认</span></span>
         </div> 
        <div class="huibg">自然人股东</div>
         <div class="people">
             <span class="isSure">张三<span>已确认</span></span>
             <span class="noSure">李四</span>
         </div>    
         <div class="huibg">非自然人股东</div>
         <div class="people">
             <span class="noSure">长城计算机软件与系统有限公司</span>
         </div>    

         <div class="pad">
            <div class="comName">北京微微海新科技发展有限责任公司</div>
            <div class="detailfont">
                    业务类型：变更登记<br/>
                    核准机关：北京市工商行政管理局丰台分局<br/>
                    业务状态：<span class="red">退回修改</span><br/>
                    审批意见：审批意见测试哇哈哈
            </div>
         </div>    

         <div class="pad">
            <div class="comName">北京微微海新科技发展有限责任公司</div>
            <div class="detailfont">
                    业务类型：变更登记<br/>
                    核准机关：北京市工商行政管理局丰台分局<br/>
                    业务状态：<span class="red">已核准</span><br/>
                    审批意见：审批意见测试哇哈哈
            </div>
         </div> 
         <div class="downBt">
             <span style="float:left">下载系统为您自动生成的公司章程</span>
             <Button style="float:right;" type="info">点击下载</Button>
         </div>

    </div>
</template>

<script>
    import request from '../../utils/request'
    export default {
        data() {
          return {
            
          }
        },
        methods: {
          
        },
        mounted() {
           
        }
    }
</script>

<style>
.pad{padding:0.5rem;}   
.comName {color:#00B3FF;font-size:0.57rem;}
.detailfont {color:#898A8B;line-height:0.7rem;}
.red {color:#c00}
.huibg {background:#F2F2F2;height:1.25rem;line-height:1.25rem;font-size:0.5rem;padding-left:0.5rem;}
.people {padding: 0.5rem;font-size:0.5rem;}
.isSure {border:1px solid #67B215;color:#67B215;border-radius: 3px;padding: 0.3rem;display: inline-block;position:relative;padding-right:1.8rem;margin-right:0.3rem;}
.isSure span {border-radius: 3px;background:#67B215;color:#fff;font-size:0.35rem;padding:0.1rem;position:absolute;right:0;bottom:0;}
.noSure {border:1px solid #A39FA0;color:#666263;border-radius: 3px;padding: 0.3rem;display: inline-block;margin-right:0.3rem;}
.downBt {border-top:1px solid #E3E2E2;overflow: hidden;padding: 0.5rem;line-height:32px;color:#898A8B;}
</style>
